<template>
    <div class="box">
        <div class="left">
        <div class="one">
          <div class="hdsj">
            <div>活动时间</div>
            <div>1%</div>
          </div>
          <div class="pjxysj">
            <div>平均响应时间</div>
            <div>1.1 毫秒</div>
          </div>
        </div>
        <div class="two">
          <div class="dqsd">
            <div>读取速度</div>
            <div>0 KB/秒</div>
          </div>
          <div class="xrsd">
            <div>写入速度</div>
            <div>685 KB/秒</div>
          </div>
          
        </div>
      </div>
      <div class="right" style="display:none">
        <table>
          <tr>
            <th>容量</th>
            <th>119 GB</th>
          </tr>
          <tr>
            <th>已格式化</th>
            <th>119 GB</th>
          </tr>
          <tr>
            <th>系统磁盘</th>
            <th>是</th>
          </tr>
          <tr>
            <th>页面文件</th>
            <th>否</th>
          </tr>
          <tr>
            <th>类型</th>
            <th>SSD</th>
          </tr>
        </table>
      </div>
    </div>
</template>

<style lang="scss" scope>
  .box {
    display: flex;
    flex-direction:row;
    .left {
      display: flex;
      flex-direction: column;
      font-weight: 600;
      .one,.two,.three {
        display: flex;
        flex-direction: row;
      }
      .one>div,.two>div,.three>div {
        margin: 5px;
      }
    }
  }
</style>